<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>社团</title>
<link rel="stylesheet" href="../layui/css/layui.css">
</head>
<body>
	<div class="layui-layout layui-layout-admin">
		<div class="layui-header">
			<div class="layui-logo"><a style="color: #009688" href="User_index.jsp">黄淮学院社团管理</a></div>
			<div class="layui-logo"><a style="color: #009688" href="User_index.jsp">黄淮学院社团管理</a></div>
<div class="layui-logo"><a style="color: #009688" href="User_index.jsp">黄淮学院社团管理</a></div>
			<!-- 头部区域（可配合layui已有的水平导航） -->
			<ul class="layui-nav layui-layout-left">
				<li class="layui-nav-item"><a href="">加入社团</a></li>
				<li class="layui-nav-item"><a href="">公告信息</a></li>
				<li class="layui-nav-item"><a href="">活体信息</a></li>
				<li class="layui-nav-item"><a href="">注册社团</a></li>
			</ul>
			<ul class="layui-nav layui-layout-right">
				<li class="layui-nav-item"><a href="javascript:;"> <img
						src="http://t.cn/RCzsdCq" class="layui-nav-img"> <s:property
							value="#session.loginUser.studentName" />
				</a>
					<dl class="layui-nav-child">
						<dd>
							<a href="">基本资料</a>
						</dd>
						<dd>
							<a href="">安全设置</a>
						</dd>
					</dl></li>
				<li class="layui-nav-item"><a
					href="<%=path%>/user/User_logout.action">退出</a></li>
			</ul>
		</div>

		<div class="layui-body">
			<!-- 内容主体区域 -->
			<div class="layui-container" style="padding: 15px;">
				<div class="row">
					<div class="layui-col-md4 layui-col-md-offset1">
						
				<form class="layui-form" action="">
					<div class="layui-form-item">
						<label class="layui-form-label">用户ID</label>
						<div class="layui-input-block">
							<input type="text" name="studentId" required lay-verify="required"
								value='<s:property value="#session.user.studentId"/>' disabled="disabled" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">姓名</label>
						<div class="layui-input-block">
							<input type="text" name="studentName" required lay-verify="required"
								value='<s:property value="#session.user.studentName"/>'  class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">QQ</label>
						<div class="layui-input-block">
							<input type="text" name="qq" 
								value='<s:property value="#session.user.qq" />' class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">手机</label>
						<div class="layui-input-block">
							<input type="text" name="telephone" 
								value='<s:property value="#session.user.telephone" />' class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">性别</label>
						<s:if test='%{#session.user.stusex=="男"}'>
							<div class="layui-input-block">
								<input type="radio" name="stusex" value="男" title="男" checked> 
								<input type="radio" name="stusex" value="女" title="女">
							</div>
						</s:if>
						<s:else>
							<div class="layui-input-block">
								<input type="radio" name="stusex" value="男" title="男"> 
								<input type="radio" name="stusex" value="女" title="女" checked>
							</div>
						</s:else>
					</div>
					<div class="layui-form-item">
						<div class="layui-input-block">
							<!-- <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button> -->
							<button class="layui-btn" type="submit">立即提交</button>
							<button type="reset" class="layui-btn layui-btn-primary">重置</button>
						</div>
					</div>
				</form>
			
					</div>
				</div>
			</div>
		</div>
		<div class="" id="layerDemo" >
		  <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal">居中弹出</button>
		</div>
		<div class="layui-footer">
			<!-- 底部固定区域 -->
			
				<div class="">
				<div class="row">
				<div class="" id="layerDemo" >
		  		<button data-method="offset" data-type="auto" class="layui-btn">居中弹出</button>
					黄淮学院 15软工 姜帅民 杨牧野 冯国华 韦博深
				</div>
		</div>
			</div>
			
		
<script src="../layui/layui.js"></script>
<script>

layui.use('element', function(){
	  var element = layui.element;
});
	
//弹出层
<script src="../layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
layui.use('layer', function(){ //独立版的layer无需执行这一句
  var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句
  
  //触发事件
  var active = {
    
    offset: function(othis){
      var type = othis.data('type')
      ,text = othis.text();
      
      layer.open({
        type: 1
        ,offset: type //具体配置参考：http://www.layui.com/doc/modules/layer.html#offset
        ,id: 'layerDemo'+type //防止重复弹出
        ,content: '<div style="padding: 20px 100px;">'+ text +'</div>'
        ,btn: '关闭全部'
        ,btnAlign: 'c' //按钮居中
        ,shade: 0 //不显示遮罩
        ,yes: function(){
          layer.closeAll();
        }
      });
    }
  };
  
  $('#layerDemo .layui-btn').on('click', function(){
    var othis = $(this), method = othis.data('method');
    active[method] ? active[method].call(this, othis) : '';
  });
  
});

</script>

</body>
</html>